import React from 'react'
import { Button, Card } from 'antd'
import { CloseOutlined } from '@ant-design/icons'

const Header = () => {
  return <div className="on-draggle">设置</div>
}

const Extra = () => {
  return (
    <Button
      icon={<CloseOutlined />}
      type="text"
      onClick={() => window.electron.ipcRenderer.send('close-settings-window')}
    />
  )
}

const Setting: React.FC = () => {
  return (
    <Card title={<Header />} extra={<Extra />} className="w-screen h-screen">
      <div className="h-full flex justify-center items-center">
        <span className="text-2xl text-gray-500">正在开发中...</span>
      </div>
    </Card>
  )
}

export default Setting
